<!--
 * @Description: 
 * @Author: charles
 * @Date: 2021-07-14 15:08:24
 * @LastEditors: cwh
 * @LastEditTime: 2022-01-10 17:51:24
-->
<template>
  <div ref="bottom1_container" style="height:95%"></div>
</template>
 <script>
import { Pie } from '@antv/g2plot';
 export default {
   data() {
     return{
       dataArr:[{ type: '一', value: 25 },
                { type: '二', value: 25 },
                { type: '三', value: 30 },
                { type: '四', value: 30 },
               { type: '五', value: 20 },
               { type: '其他', value: 5 },]
     }
   },
   mounted(){ 
     this.initChart()
   },
     methods:{
    initChart(){
      const pie = new Pie(this.$refs.bottom1_container,{
         data:this.dataArr,
         angleField: 'value',
         colorField: 'type',
      })
      pie.render();
    }
  }
 }
 </script>
 